<template>
<details open=""><summary>显示类型声明</summary><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> HeaderClassGetter</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> (</span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">param</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  headerIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}) </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=&gt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> string</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> HeaderPropsGetter</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> (</span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">param</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  headerIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}) </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=&gt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Record</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">string</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">, </span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> HeaderCellPropsGetter</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> (</span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">param</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  column</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columnIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  headerIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  style</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> CSSProperties</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}) </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=&gt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Record</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">string</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">, </span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowClassGetter</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> (</span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">param</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}) </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=&gt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> string</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowPropsGetter</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> (</span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">param</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}) </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=&gt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Record</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">string</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">, </span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> CellPropsGetter</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> (</span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">param</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  column</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columnIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  cellData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}) </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=&gt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> void</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> CellRenderProps</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt; </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  cellData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> T</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  column</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columnIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> HeaderRenderProps</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt; </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  column</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columnIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  headerIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> ScrollParams</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  xAxisScrollDir</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #032F62; --shiki-dark: #9ECBFF;"> 'forward'</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> |</span><span style="--shiki-light: #032F62; --shiki-dark: #9ECBFF;"> 'backward'</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  scrollLeft</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  yAxisScrollDir</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #032F62; --shiki-dark: #9ECBFF;"> 'forward'</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> |</span><span style="--shiki-light: #032F62; --shiki-dark: #9ECBFF;"> 'backward'</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  scrollTop</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> CellSlotProps</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt; </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  column</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columnIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  depth</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  style</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> CSSProperties</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  isScrolling</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> boolean</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  expandIconProps</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">?:</span></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">    |</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">        rowData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">        rowIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">        onExpand</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> (</span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">expand</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> boolean</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">) </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=&gt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> void</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">      }</span></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">    |</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> undefined</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> HeaderSlotProps</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  cells</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> VNode</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  headerIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> HeaderCellSlotProps</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  class</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> string</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  column</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columnIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  headerIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  style</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> CSSProperties</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  headerCellProps</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">?:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  sortBy</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> SortBy</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  sortState</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">?:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> SortState</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> |</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> undefined</span></span>
<span class="line"><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">  onColumnSorted</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> (</span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">e</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> MouseEvent</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">) </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=&gt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> void</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowCommonParams</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowEventHandlerParams</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowKey</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> KeyType</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  event</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Event</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">} </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">&amp;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowCommonParams</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowEventHandler</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> (</span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">params</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowEventHandlerParams</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">) </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=&gt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> void</span></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowEventHandlers</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  onClick</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">?:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowEventHandler</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  onContextmenu</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">?:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowEventHandler</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  onDblclick</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">?:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowEventHandler</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  onMouseenter</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">?:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowEventHandler</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  onMouseleave</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">?:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowEventHandler</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowsRenderedParams</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowCacheStart</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowCacheEnd</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowVisibleStart</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowVisibleEnd</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowSlotProps</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columns</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;[]</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  columnIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowIndex</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  data</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  key</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> |</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> string</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  isScrolling</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">?:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> boolean</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  style</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> CSSProperties</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowExpandParams</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  expanded</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> boolean</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  rowKey</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> KeyType</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">} </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">&amp;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> RowCommonParams</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Data</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">  [</span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">key</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> KeyType</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">]</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> any</span></span>
<span class="line"><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">  children</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">?:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Array</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">any</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> FixedData</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Data</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> KeyType</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> string</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> |</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> number</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> |</span><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;"> symbol</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> ColumnSortParam</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt; </span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">=</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> { </span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">column</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Column</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">T</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;; </span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">key</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> KeyType</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">; </span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">order</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> SortOrder</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">enum</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> SortOrder</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">  ASC</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #032F62; --shiki-dark: #9ECBFF;"> 'asc'</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light: #005CC5; --shiki-dark: #79B8FF;">  DESC</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #032F62; --shiki-dark: #9ECBFF;"> 'desc'</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">,</span></span>
<span class="line"><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> SortBy</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> { </span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">key</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> KeyType</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">; </span><span style="--shiki-light: #E36209; --shiki-dark: #FFAB70;">Order</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">:</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> SortOrder</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;"> }</span></span>
<span class="line"><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;">type</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> SortState</span><span style="--shiki-light: #D73A49; --shiki-dark: #F97583;"> =</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;"> Record</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&lt;</span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">KeyType</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">, </span><span style="--shiki-light: #6F42C1; --shiki-dark: #B392F0;">SortOrder</span><span style="--shiki-light: #24292E; --shiki-dark: #E1E4E8;">&gt;</span></span></code></pre></div></details>

<h2 id="常见问题" tabindex="-1">常见问题 <a class="header-anchor vp-link" href="#常见问题" aria-label="Permalink to &quot;常见问题&quot;">​</a></h2>
<h4 id="如何在第一列中渲染带复选框的列表" tabindex="-1">如何在第一列中渲染带复选框的列表？ <a class="header-anchor vp-link" href="#如何在第一列中渲染带复选框的列表" aria-label="Permalink to &quot;如何在第一列中渲染带复选框的列表？&quot;">​</a></h4>
<p>由于可以自己定义单元格渲染器，您可以根据示例 <a href="#customize-cell-renderer" class="vp-link">自定义单元格渲染器</a> 代码来渲染 <code>checkbox</code>，并自行管理其状态。</p>
<h4 id="为什么虚拟化表提供的功能较-tablev1-少" tabindex="-1">为什么虚拟化表提供的功能较 <a href="./table.html" class="vp-link">TableV1</a> 少？ <a class="header-anchor vp-link" href="#为什么虚拟化表提供的功能较-tablev1-少" aria-label="Permalink to &quot;为什么虚拟化表提供的功能较 [TableV1](./table.md) 少？&quot;">​</a></h4>
<p>对于虚拟化表格，我们打算减少一些功能，让用户根据需求自行实现。 整合过多的功能会让组件的代码变得难以维护，且对于大多数用户来说，基础功能就已足够。 一些主要的功能尚未开发。 我们很希望听从您的意见。 进入 <a href="https://discord.com/invite/gXK9XNzW3X" class="vp-link" target="_blank" rel="noreferrer">Discord<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> 持续关注.</p>

</template>
<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>